// import axios from 'axios'
import axios, { AxiosRequestConfig, AxiosResponse } from 'axios'
import { Message, Loading } from 'element-ui'
import { UserModule } from '@/store/modules/user'
import router from '@/router/index'
import { setTime, getTime } from './cookies'

// 把响应体拦截成 any 类型
declare module 'axios' {
  interface AxiosInstance {
    (config: AxiosRequestConfig): Promise<any>
  }
}

// axios拦截器
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  // withCredentials: true, // 跨域请求
  timeout: 5000 // 请求超时
})

// 请求进度条
const load = () => {
  const load = Loading.service({ text: '加载中' })
  setTimeout(() => load.close(), 500)
}

// 请求拦截
service.interceptors.request.use(async(config: AxiosRequestConfig) => {
  load()
  const token = UserModule.hrToken
  // token 过期校验
  const isTimeOut = Date.now() - getTime() > 360000
  // 未超时
  if (!isTimeOut && token) {
    config.headers.Authorization = `Bearer ${token}` // 加入 token 请求头
    setTime() // 更新时间戳
  }
  // 超时
  if (isTimeOut && token) {
    await UserModule.logout() // 登出操作
    router.push('/login') // 跳转到登录页
    return Promise.reject(new Error('token已超时，请重新登录'))
  }
  return config
})

// 响应拦截
service.interceptors.response.use(
  // 网络成功
  (response: AxiosResponse) => {
    const { success, message } = response.data
    console.log(message)
    // 网络成功 但 数据失败
    if (!success) {
      Message.error(message)
      return Promise.reject(new Error(message))
    }
    // 数据成功
    return response.data.data
  },
  // 网络错误
  async error => {
    console.log('err：' + error) // for debug
    // token 超时
    if (
      error.response &&
      error.response.data &&
      error.response.data.code === 10002
    ) {
      await UserModule.logout() // 登出操作
      router.push('/login') // 跳转到登录页
      return Promise.reject(new Error('token已超时，请重新登录'))
    } else Message.error(error.message)
    return Promise.reject(error)
  }
)

export default service
